
<div id="player" style="padding:0;margin:0">		
    
    <?php if(isset($video)):?>
        <input type="hidden" value="<? echo $video_data->strTitle; ?>" id="video-title" />
        <input type="hidden" value="<? echo $video_data->strSecondary; ?>" id="video-desc" />
        <?php if($video_data->enumVideoStreaming == "youtube"): ?>
        <iframe width="600" height="400" src="//www.youtube.com/embed/<?php echo $video ?>?autoplay=1" frameborder="0" allowfullscreen>
        <?php else:
                echo $video_data->strEmbedCode;
            endif;    
        ?>
        
    </iframe>
    <?php else: ?>
        <input type="hidden" value="" id="now-playing-artist" />
        <input type="hidden" value="" id="now-playing-title" />
        <input type="hidden" value="" id="now-playing-album" />
        <iframe width="100%" border="0" style="height:400px;" src="<?php echo $stream_url; ?>" ></iframe>
    <?php endif; ?>
    <div id="share">
        <?php if(isset($video)):?>
            <a class="radio-icon player-tooltip" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="listen to music" href="<?php echo current_url(); ?>/1"></a>
            <a href="#" class="disabled tv-icon" ></a>
        <?php else: ?>
            <a href="#" class="disabled radio-icon"></a>
            <a class="tv-icon player-tooltip" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="watch streaming" href="<?php echo base_url().'player/load_player/'.$community; ?>"></a>
        <?php endif; ?>
            <div class="pull-right share">
                    <span class="pull-left">Share</span>
                    <?php if(isset($video)):?>
                        <a href="#" class="social fb-icon fb-video"></a>
                        <a href="#" class="social twitter-icon twitter-video"></a>
                    <?php else: ?>
                        <a href="#" class="social fb-icon fb-music"></a>
                        <a href="#" class="social twitter-icon twitter-music"></a>
                    <?php endif; ?>
            </div>
        <div class="clear"></div>
    </div>
    <div class="accordion" id="accordion2">
                <div class="accordion-group">
                  <div class="accordion-heading">
                    <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
                      Song History
                      <div class="pull-right arrow-toggle" style="margin:5px 15px 0 0;"><img src="<?php echo $img_dir; ?>open-arrow.png" ></div>
                    </a>
                  </div>
                  <div id="collapseOne" class="accordion-body collapse">
                    <div class="accordion-inner" id="song-history">
                        
                    </div>
                  </div>
                </div>
                <div class="accordion-group">
                  <div class="accordion-heading">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
                      Most Requested
                    <div class="pull-right arrow-toggle" style="margin:5px 15px 0 0;"><img src="<?php echo $img_dir; ?>open-arrow.png" ></div>    
                    </a>
                  </div>
                  <div id="collapseTwo" class="accordion-body collapse">
                    <div class="accordion-inner" id="most-requested">
                        <ul style="list-style:none">
                        <?php foreach($most_requested as $request): ?>
                            <li><?php echo $request['strArtist'].' - '.$request['strSongTitle'];  ?></li>
                        <?php endforeach; ?>
                        </ul>    
                    </div>
                  </div>
                </div>
          
            <div class="accordion-group">
                  <div class="accordion-heading">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree">
                      Videos
                    <div class="pull-right arrow-toggle" style="margin:5px 15px 0 0;"><img src="<?php echo $img_dir; ?>open-arrow.png" ></div>    
                    </a>
                  </div>
                  <div id="collapseThree" class="accordion-body collapse">
                    <div class="accordion-inner" id="most-requested">
                        <ul style="list-style:none">
                        <?php foreach($videos as $vid): ?>
                            <li><?php echo $vid['strTitle'];  ?>
                                 <a target="_blank" href="http://www.youtube.com/watch?v=<?php echo $vid['strYoutubeId']; ?>" class="btn pull-right" style="margin:0 10px 0 0;">Watch</a>
                            </li>
                        <?php endforeach; ?>
                       
                        </ul>    
                    </div>
                  </div>
                </div>
            </div>
</div>
<div id="fb-root"></div>